
  <template>
    <div class="common-layout">
      <el-container>
        <el-header class="header">3D 医疗数据解析平台</el-header>
        <el-main><AsideItem></AsideItem></el-main>
      </el-container>
    </div>
  </template>

<script>
    import AsideItem from './AsideItem.vue'
    export default {
        components: {
            AsideItem,
        }
    }
</script>

<style lang="css" scoped>
body{
        /*background:#FFCCFF; /*设置页面背景颜色*/
        text-align:center; /*设置文字居中*/
    }
    .header {
        font: 48px "微软雅黑"; /*设置字体和字体大小*/
        margin:3px auto; /*设置元素外边距*/
        font-weight: 500; /*设置字体粗细*/
        text-align: center; /*设置文字居中*/
        color: #f35626; /*设置文字颜色*/
        -webkit-animation:bounce 2s infinite;/*设置动画*/
    }
    @-webkit-keyframes bounce{/*创建动画*/
        0%,100%,20%,50%,80%{
            -webkit-transform:translateY(0);
        }40%{
            -webkit-transform:translateY(-30px);
        }60%{
            -webkit-transform:translateY(-15px);
        }
		}

</style>